<template>
    <div class="productpay">
        <div v-for="item in payList" class="product">
            <ul class="pl-content-left">
                <li>পণ্যের নাম:</li>
                <li>পরিমাণ:</li>
                <li>অ্যাডমিনঅ্যামাউন্ট:</li>
                <li>প্রকৃত পরিমাণ:</li>
                <li>পরিশোধের সময়কাল:</li>
                <li>সুদের পরিমাণ:</li>
            </ul>
            <ul class="pl-content-right">
                <li>{{ item.name }}</li>
                <li>{{ item.amount }}</li>
                <li>{{ item.adminAmount }}</li>
                <li>{{ item.actualAmount }}</li>
                <li>{{ item.term }}{{ item.termUnit }}</li>
                <li>{{ item.interestAmount }}</li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {
    props: ['payList'],
    created() {
        console.log(this.payList, '子组件的数据')
    }
}
</script>
<style lang="less" scoped>
.productpay {
    .product {
        margin-top: (20/@a);
        margin-bottom: (20/@a);
        display: flex;
        justify-content: space-around;
        border: 2px solid #6b82d8;
    }

}
</style>